import React, { Component } from 'react'
import './searchitem.less'
import {Link} from 'react-router-dom'
export default class Searchitem extends Component {
    render() {
        console.log(this.props.data)
        return (
            <Link to={'/detail/'+this.props.data.id}>
                <div className='Searchitem'>
                    <img src={this.props.data.img} alt=""/>
                    <div className='content'>
                        <div className='Searchitem-left'>
                            <p>{this.props.data.title}</p>
                            <p>{this.props.data.houseType}</p>
                        </div>
                        <div className='Searchitem-right'>
                            <p className='renttype'>{this.props.data.rentType}</p>
                            
                            <p className='money' dangerouslySetInnerHTML={{__html:this.props.data.price}}></p>
                            <span className='time'>/月</span>
                        </div>
                    </div>
                </div>
            </Link>
            
        )
    }
}
